<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>学生添加页-表单</title>
</head>
<body>
    <form action="/students/doAdd" method="POST" enctype="multipart/form-data" >
        <lable>学号:</lable>
        <input type="text" name="no" placeholder="请输入学号" value=""><br>
        <label>姓名:</label>
        <input type="text" name="name" placeholder="请输入姓名" value=""><br>
        <label>年龄:</label>
        <input type="text" name="age" placeholder="请输入年龄" value=""><br>

        <!-- input和select标签的value属性即为用户输入值
            input的value会自动等于用户输入，写不写无所谓。
            select中option的value默认空，不设置的话发送到后台是空值。

            表结构中的性别用什么类型？ 
            1）传字符串    <option value="男">男</option>
            好处直观。
            缺点：假设后端存在逻辑 if gender==='男' ，数据库编码和ide中编码可能不一致（utf8\utf16\gbk\latin），
                 导致if判断永远不成立；另一个缺点不适合维护，假设一个年级下拉框（一年级、二年级、三年级），随着业务
                 发展，想加上（初中一年级、二年级）小学的想变成（小学一年级），但程序员不敢修改，因为程序中的各种判断
                 可能会受影响。
            2）流行的做法 用整数映射选项值，{ 0:未选择，1:男，2:女 }
        -->
        <label>性别:</label>
        <select name="gender">
            <option value="0">未选择</option>
            <option value="1">男</option>
            <option value="2">女</option>
        </select><br>
        <label>电话☎️:</label>
        <input type="text" name="phone" placeholder="请输入电话号码"><br>

        <!-- 注意上传图片时表单enctype=muilty/form-data 禁止图片转码 -->
        <input type="file" name="avatar" >

        <button type="submit">➕添加</button>
        
    </form>
</body>
</html>